<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <title>账户余额</title>
   <link rel="stylesheet" href="../../assets/fonts/iconfont.css">
   <link rel="stylesheet" href="../../assets/css/base.css">
   <link rel="stylesheet" href="../../assets/css/sn-style.css">
   <link rel="stylesheet" href="../../assets/css/sn-user.css">
</head>

<body class="sn-bg">
     <!--header引入区域-->
    <div class="headerbgc">
        <div style="border-bottom:1px solid rgb(228, 228, 228);">
            <div class="head">
                <a href="./../../index.html" class="logoImg"> <img src="./../../assets/image/logo.svg" alt=""></a>
                <h3>账户中心</h3>
                <span class="head-info"><a href="#">首页</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#">退出</a></span>
            </div>
        </div>
    </div>
    <div style="height:80px;"></div>
   <div class="sn-container">
      <div class="control-wrap sn-clr">
         <div class="layout">
            <div class="control-layout-left">
               <div class="menu-wrap">
                  <div class="context quickentry">
                     <span class="nav-title"> 菜单栏</span>
                     <ul class="">
                        <li class="item ">
                           <a href="./index.html">账户首页</a>
                        </li>
                        <li class="item ">
                           <a href="./account-info.html">账户资料</a>
                         <li class="item">
                           <a href="./order.html">我的订单</a>
                        </li>
                        <li class="item ">
                           <a href="./collect.html"> 我的收藏</a>
                        </li>
                        <li class="item ">
                           <a href="./income.html"> 我的收益</a>
                        </li>
                        <li class="item selected">
                           <a href="./wallet.html"> 我的余额</a>
                        </li>
                        <li class="item ">
                           <a href="./news.html"> 我的资讯</a>
                        </li>
                        <li class="item ">
                           <a href="./matter.html"> 我的素材 </a>
                        </li>
                        <li class="item">
                           <a href="./supply.html"> 我的供需</a>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>
            <div class="control-content">
               <div class="info-title">
                  余额
               </div>
               <div class="sn-tips warning">
                  <i class=" iconfont icon-gantanhao"></i>
                  <div class="text">
                     充值余额可直接支付订单
                  </div>
               </div>
               <div class="wallet sn-clr">
                  <div class="wallet-l">
                     <p class="total">余额：
                        <strong id="J_total_num" class="total-num">0.00</strong>
                        <em class="unit">元</em>
                        <a href="">提现</a>
                        <a href="./wallet-detail.html"  target="_blank">余额记录</a>
                     </p>

                  </div>
                  <div class="wallet-r">
                     <a id="_btn" class=" sui-btn btn-round btn-default " href="">充值</a>
                  </div>
               </div>

               <div class="info-title">
                  余额安全
               </div>
               <div class="safe-info">
                  <div class="item sn-clr">
                     <div class="title"> 余额支付密码</div>
                     <div class="supply v-line"> 设置余额支付密码可在支付时使用余额支付</div>
                     <div class="operate">
                        <span class="orange" href="">未设置 </span>|
                        <a href=""> 设置</a>
                     </div>
                  </div>
               </div>

            </div>
         </div>
      </div>
   </div>
   <footer>
        <p>
            <a href="#">关于我们</a> |
            <a href="#">会员服务</a> |
            <a href="#">广告中心</a> |
            <a href="#">战略伙伴</a> |
            <a href="#">版权声明</a> |
            <a href="#">联系方式</a> 
        </p>
        <p>Copyright © 2002-2014 mcwzg. 杭州大想网络信息有限公司 版权所有  浙ICP备11063754号-1</p>
    </footer>
   <script src="../../assets/build/sportjx.js"></script>
   <script src="../../assets/build/mainsite.js"></script>

</body>

</html>